﻿@model AccountViewModel

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
    @Styles.Render("~/Content/bootstrap.min.css")
    @Styles.Render("~/Content/layout.css")
    @Styles.Render("~/Content/uielement.css")
</head>
<body>
    <!-- START Template Main -->
    <section id="main" role="main">
            <!-- START Template Container -->
            <section class="container">
                <!-- START row -->
                <div class="row">
                    <div class="col-lg-4 col-lg-offset-4">
                        <!-- Brand -->
                        <div class="text-center" style="margin-bottom:40px;">
                            <span class="logo-figure inverse"></span>
                            <span class="logo-text inverse"></span>
                            <h5 class="semibold text-muted mt-5">ĐĂNG NHẬP VÀO TÀI KHOẢN CỦA BẠN.</h5>
                        </div>
                        <!--/ Brand -->

                        <!-- Login form -->
                         @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { autocomplete = "off", @class="panel", name="form-login" }))
                         {
                            <div class="panel-body">
                                <!-- Alert message -->
                                <div class="alert alert-warning">
                                    <span class="semibold">Note :</span>&nbsp;&nbsp;Just put anything and hit 'sign-in' button.
                                </div>
                                <!--/ Alert message -->
                               
                                <div class="form-group">
                                    <div class="form-stack has-icon pull-left">
                                        @Html.TextBoxFor(m => m.Username, new { @class = "form-control input-lg", placeholder = "Tên đăng nhập", autocomplete = "off" })
                                        <i class="ico-user2 form-control-icon"></i>
                                    </div>
                                    <div class="form-stack has-icon pull-left">
                                        @Html.PasswordFor(m => m.Password, new { @class = "form-control input-lg", placeholder = "Mật khẩu" })
                                        <i class="ico-lock2 form-control-icon"></i>
                                    </div>
                                </div>

                                <!-- Error container -->
                                <div id="error-container"class="mb15"></div>
                                <!--/ Error container -->

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <div class="checkbox custom-checkbox">  
                                                <input type="checkbox" name="remember" id="remember" value="1">  
                                                <label for="remember">&nbsp;&nbsp;Nhớ đăng nhập lần sau</label>   
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group nm">
                                    <button type="submit" class="btn btn-block btn-success"><span class="semibold">Đăng nhập</span></button>
                                </div>
                            </div>
                         }
                        <!-- Login form -->
                    </div>
                </div>
                <!--/ END row -->
            </section>
            <!--/ END Template Container -->
        </section>
    <!--/ END Template Main -->
    @Scripts.Render("~/Scripts/jquery-2.1.0.min.js")
    @Scripts.Render("~/Scripts/bootstrap.min.js")
</body>
</html>
